<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">





    <!--
    <div class="form-group">
        <label for="c-activetype" class="control-label col-xs-12 col-sm-2">{:__('Activetype')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select  id="c-activetype" class="form-control selectpicker"  name="row[activetype_id]" data-rule="required">
                {foreach name="activetypes" item="vo"}
                <option value="{$vo.id}">{$vo.name}</option>
                {/foreach}
            </select>
        </div>
    </div>



    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Category_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div id="treeview"></div>
        </div>
    </div>

    -->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Category_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
                <select data-rule="required" style="width: 50%" class="first form-control" name="row[activetype_id]" data-url="article/activetype"></select>

                <select data-rule="required" style="width: 50%" class="second form-control" name="row[category_id]" data-url="article/category" data-query-name="activetype_id"></select>


            </div>
        </div>
    </div>




    <!--
    <div class="form-group">
        <label for="c-Category_id" class="control-label col-xs-12 col-sm-2">{:__('Category_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-Category_id" class="form-control selectpicker" name="row[category_id]" data-rule="required">
                {foreach name="activetypes" item="vo"}
                <optgroup label="{$vo.name}">
                    {notempty name="vo['son']"}
                    {foreach name="vo['son']" item="voo"}
                    <option value="{$voo.id}">{$voo.name}</option>
                    {/foreach}
                    {/notempty}

                </optgroup>
                {/foreach}

            </select>
        </div>
    </div>

    -->






    <div class="form-group">
        <label for="c-name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
        </div>
    </div>


    <div class="form-group">
        <label for="c-image" class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-image" class="form-control" size="35" name="row[image]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                </div>
                <span class="msg-box n-right"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-image"></ul>
        </div>
    </div>
    <div class="form-group">
        <label for="c-keywords" class="control-label col-xs-12 col-sm-2">{:__('Keywords')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-keywords" class="form-control" name="row[keywords]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label for="c-description" class="control-label col-xs-12 col-sm-2">{:__('Description')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-description" class="form-control" name="row[description]"></textarea>
        </div>
    </div>

    <div class="form-group">
        <label for="c-content" class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-content" class="form-control editor" name="row[content]"></textarea>
        </div>
    </div>


    <div class="form-group">
        <label for="c-tsinfo" class="control-label col-xs-12 col-sm-2">{:__('Tsinfo')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-tsinfo" class="form-control editor" name="row[tsinfo]"></textarea>
        </div>
    </div>






    <div class="form-group">
        <label for="c-weigh" class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-weigh" class="form-control" name="row[weigh]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_radios('row[status]', ['normal'=>__('Normal'), 'hidden'=>__('Hidden')])}
        </div>
    </div>


    <!--
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Myview')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_radios('row[myview]', ['yes'=>__('Yes'), 'no'=>__('No')])}
        </div>
    </div>

    -->


    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>


<style type="text/css">
    .dropdown-header {
        font-size: 14px;
        font-weight: bold;
    }
    .first{
        margin-bottom: 10px;
    }

</style>
